<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/xxl/xxl.css" />
	</head>

	<body>
		<!--这是头部内容-->
		<header class="clearfix">

			<div>
				<a href="" id="sc"><span><img src="../img/images/left_03.png"/></span></a>
			</div>
			<div>
				<span>天天消消乐</span>
				<a href="javascript:;"><span class="glyphicon glyphicon-triangle-bottom" id="slide"></span></a>
				<div class="sli_down">
					<p>
						<a href="javascript:;">天天乐斗</a>
					</p>
					<p>
						<a href="javascript:;">近日排名</a>
					</p>
					<p>
						<a href="javascript:;">周排行版</a>
					</p>
					<p>
						<a href="javascript:;">本月最高</a>
					</p>

				</div>
			</div>

		</header>
		<!--头部内容结束-->

		<!--这是主要内容-->
		<main>
			<div class="main_xxl">
				<div class="xxl_left clearfix">
					<a href="javascript:;"><img src="../img/images/main_xxl_07.png" /></a>
				</div>
				<div class="xxl_right">
					<p>
						<span>开心消消乐</span>
						<span>【签名:消消乐】</span>
					</p>
					<p>
						<span>账户状态:</span>
						<span>正常</span>
					</p>

				</div>

			</div>
			<div class="xxl_dx clearfix">
				<div>
					<p>
						<span>短信量(条)</span>
						<span>962</span>
					</p>
					<p>
						<span>闪注量(条)</span>
						<span>8502</span>
					</p>
				</div>
				<div>
					<p>
						<span>应用场景</span>
						<span>APP 、H5/Web</span>

					</p>
					<p>
						<span>到期时间</span>
						<span>2016/7/1~2017/7/1</span>
					</p>

				</div>
				<div>
					<p>
						<a href="ch_back.html" id="yue"><input type="button" value="余额转换" /></a>
					</p>
					<p>
						<a href="sc.html" id="cz"><input type="button" value="充值" /></a>
					</p>
				</div>

			</div>
			<div class="xxl_tj clearfix">

				<h2>近三月账户消费</h2>
				<div>
					<img src="../img/images/main_tj_10.png" />
				</div>
				<div>
					<span>2016/5</span>
					<span>2016//6</span>
					<span>2016/7</span>
				</div>
			</div>
			<div class="xxl_cz">
				<div>
					<span><img src="../img/images/main_new_13.png"/></span>
					<h2 class="clearfix">近三个月充值</h2>
				</div>
				<div>
					<p>
						2016/7/10
					</p>
					<p>
						<span>充值项目:</span>
						<span>闪注10000条</span>

					</p>
					<p>
						短息1000条
					</p>
				</div>
				<div>
					<p>2016/7/8</p>
					<p>
						<span>充值项目:</span>
						<span> 闪注20000条</span>

					</p>
					<p>短信5000条</p>
				</div>

			</div>

		</main>

		<!--主要内容结束-->
	</body>
	<script src="../js/jquery-3.1.1.min.js"></script>
	<script src="../js/zepto.min.js"></script>
	<script src="../js/indexs.js"></script>

</html>